<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0,minimal-ui">
		<title>北陆教育</title>
		<link rel="stylesheet" href="css/comm.css">
		<link rel="stylesheet" href="css/animate.min.css">
		<link rel="stylesheet" href="css/swiper-bundle.min.css">
		<link rel="stylesheet" href="css/style.css">
		<link rel="stylesheet" href="js/layui/css/layui.css">
		<script src="js/jquery.min.js"></script>
		<script src="js/jquery.aniview.min.js"></script>
		<script src="js/swiper-bundle.min.js"></script>
		<script src="js/menu.js"></script>
		<script src="js/index.js"></script>
		<script src="js/layui/layui.js"></script>
		<script>
			$(document).ready(function(){
				$('.aniview').AniView();
			});
		</script>
	</head>
<body>
	<header>
		<div class="Gwidth">
			<nav class="head_nav">
				<ul>
					<li>
						<a href="./index.html">首页</a>
					</li>
					<li>
						<a href="./about.html">关于我们</a>
					</li>
					<li>
						<a href="./team.html">硕博团队</a>
					</li>
					<li>
						<a href="./case.html">成功案例</a>
					</li>
					<li>
						<a href="./evaluation.html">心理测评</a>
					</li>
				</ul>
				<div class="menu">

				</div>
			</nav>
		</div>
		<nav class="menu_nav">
			<div class="close"></div>
			<ul>
				<li class="active">
					<a href="./index.html">首页</a>
				</li>
				<li>
					<a href="./about.html">关于我们</a>
				</li>
				<li>
					<a href="./team.html">硕博团队</a>
				</li>
				<li>
					<a href="./case.html">成功案例</a>
				</li>
				<li>
					<a href="./evaluation.html">心理测评</a>
				</li>
				<li>
					<a href="./encyclopedia.html">心理百科</a>
				</li>
				<li>
					<a href="./qa.html">心理问答</a>
				</li>
				<li>
					<a href="./classroom.html">云课堂</a>
				</li>
				<li>
					<a href="./public_welfare.html">北陆公益</a>
				</li>
			</ul>
		</nav>
	</header>
	<!-- banner -->
	<div class="banner">
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide">
					<div class="img">
						<img src="./images/banner.png" alt="" srcset="">
					</div>
				</div>
			</div>
		</div>
		<script> 
			var banner = new Swiper('.banner .swiper-container', {
				autoplay: 5000,//可选选项，自动滑动
			})
		</script>
	</div>
	<!-- TabNav -->
	<div class="tabnav">
		<div class="Gwidth">
			<div class="item">
				<a href="">
					<div class="img">
						<img src="./images/icon/tab_nav1.png" alt="" srcset="">
					</div>
					<h1>关于我们</h1>
				</a>
			</div>
			<div class="item">
				<a href="">
					<div class="img">
						<img src="./images/icon/tab_nav2.png" alt="" srcset="">
					</div>
					<h1>硕博团队</h1>
				</a>
			</div>
			<div class="item">
				<a href="">
					<div class="img">
						<img src="./images/icon/tab_nav3.png" alt="" srcset="">
					</div>
					<h1>成功案例</h1>
				</a>
			</div>
			<div class="item">
				<a href="">
					<div class="img">
						<img src="./images/icon/tab_nav4.png" alt="" srcset="">
					</div>
					<h1>心理测评</h1>
				</a>
			</div>
			<div class="item">
				<a href="">
					<div class="img">
						<img src="./images/icon/tab_nav5.png" alt="" srcset="">
					</div>
					<h1>心理问答</h1>
				</a>
			</div>
			<div class="item">
				<a href="">
					<div class="img">
						<img src="./images/icon/tab_nav5.png" alt="" srcset="">
					</div>
					<h1>心理百科</h1>
				</a>
			</div>
			<div class="item">
				<a href="">
					<div class="img">
						<img src="./images/icon/tab_nav7.png" alt="" srcset="">
					</div>
					<h1>云课堂</h1>
				</a>
			</div>
			<div class="item">
				<a href="">
					<div class="img">
						<img src="./images/icon/tab_nav8.png" alt="" srcset="">
					</div>
					<h1>北陆公益</h1>
				</a>
			</div>
		</div>
	</div>
	<!-- 通知 -->
	<div class="notice">
		<div class="Gwidth">
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<div class="item">
							<a href="">159*****852刚刚提问求助了陈老师…</a>
						</div>
					</div>
					<div class="swiper-slide">
						<div class="item">
							<a href="">159*****852刚刚提问求助了陈老师…</a>
						</div>
					</div>
					<div class="swiper-slide">
						<div class="item">
							<a href="">159*****852刚刚提问求助了陈老师…</a>
						</div>
					</div>
				</div>
			</div>
			<script> 
				var notice = new Swiper('.notice .swiper-container', {
					loop:true,
					autoplay: {
					delay: 3000,
					},
					direction : 'vertical',
				})
			</script>
		</div>
	</div>
	<!-- 北陆专注领域 -->
	<div class="index_field">
		<div class="Gwidth">
			<div class="index_title">
				<h1>北陆专注领域</h1>
				<div class="des">帮助家长解决教育困惑 帮助孩子解除成长烦恼</div>
			</div>
			<div class="content">
				<div class="item">
					<div class="img">
						<img src="./images/icon/field_0.png" alt="" srcset="">
					</div>
					<h1>厌学/拖延</h1>
				</div>
				<div class="item">
					<div class="img">
						<img src="./images/icon/field_1.png" alt="" srcset="">
					</div>
					<h1>叛逆/情绪大</h1>
				</div>
				<div class="item">
					<div class="img">
						<img src="./images/icon/field_2.png" alt="" srcset="">
					</div>
					<h1>爱玩游戏</h1>
				</div>
				<div class="item">
					<div class="img">
						<img src="./images/icon/field_3.png" alt="" srcset="">
					</div>
					<h1>早恋/网恋</h1>
				</div>
				<div class="item">
					<div class="img">
						<img src="./images/icon/field_4.png" alt="" srcset="">
					</div>
					<h1>自卑/自闭</h1>
				</div>
			</div>
		</div>
	</div>
	<!--  -->
	<script src="js/numberRock.js"></script>
	<div class="IndexNumber">
		<div class="GCWidth Gwidth content">
			<div class="item">
				<div class="cont">
					<h1 class="GFColor">
						<span>18526</span>
						+
					</h1>
					<div class="title">服务客户</div>
				</div>
			</div>
			<div class="item">
				<div class="cont">
					<h1 class="GFColor">
						<span>99</span>
						%
					</h1>
					<div class="title">服务好评</div>
				</div>
			</div>
			<div class="item">
				<div class="cont">
					<h1 class="GFColor">
						<span>80</span>
						+
					</h1>
					<div class="title">资深心理咨询师</div>
				</div>
			</div>
			<div class="item">
				<div class="cont">
					<h1 class="GFColor">
						<span>20</span>
						+
					</h1>
					<div class="title">心理专家</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 案例 -->
	<div class="index_case">
		<a class="more" href="">更多></a>
		<div class="index_title">
			<h1>成功案例</h1>
			<div class="des">全心服务于全国万千家庭，提供情绪管理、家庭沟通、危机干预、
				学习内动力、青少年软实力提升等</div>
		</div>
		<div class="content">
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<div class="item">
							<a href="">
								<div class="img">
									<img src="./images/m.png" alt="" srcset="">
								</div>
								<h1>刘先生</h1>
								<div class="des">幸好遇到了北陆</div>
								<div class="cont">
									<p>咨询治疗前症状：爱玩游戏…</p>
									<p>咨询老师/专家：陈老师</p>
									<p>干预治疗时间：XXXXXX…</p>
									<p>干预治疗后：XXXXXXXX…</p>
								</div>
							</a>
						</div>
					</div>
					<div class="swiper-slide">
						<div class="item">
							<a href="">
								<div class="img">
									<img src="./images/m.png" alt="" srcset="">
								</div>
								<h1>王先生</h1>
								<div class="des">幸好遇到了北陆</div>
								<div class="cont">
									<p>咨询治疗前症状：爱玩游戏…</p>
									<p>咨询老师/专家：陈老师</p>
									<p>干预治疗时间：XXXXXX…</p>
									<p>干预治疗后：XXXXXXXX…</p>
								</div>
							</a>
						</div>
					</div>
					<div class="swiper-slide">
						<div class="item">
							<a href="">
								<div class="img">
									<img src="./images/m.png" alt="" srcset="">
								</div>
								<h1>张先生</h1>
								<div class="des">幸好遇到了北陆</div>
								<div class="cont">
									<p>咨询治疗前症状：爱玩游戏…</p>
									<p>咨询老师/专家：陈老师</p>
									<p>干预治疗时间：XXXXXX…</p>
									<p>干预治疗后：XXXXXXXX…</p>
								</div>
							</a>
						</div>
					</div>
				</div>
			</div>
			<script> 
				var index_case = new Swiper('.index_case .swiper-container', {
					slidesPerView : 3,
					centeredSlides : true,
					centeredSlidesBounds: true,
					loop : true,
				})
			</script>
		</div>
	</div>
	<!-- 硕博心理咨询师团队 -->
	<div class="index_team">
		<div class="Gwidth">
			<div class="index_title">
				<h1>硕博心理咨询师团队</h1>
				<div class="des">只有约10%的申请咨询师能够通过面试考核，最终入驻北陆教育；
					他们经过2年以上的专业系统训练，平均个案经验2000小时以上，
					是国内Top1%的心理咨询师。
				</div>
			</div>
		</div>
		<div class="avatar">
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<div class="img">
							<img src="./images/m.png" alt="" srcset="">
						</div>
					</div>
					<div class="swiper-slide">
						<div class="img">
							<img src="./images/m.png" alt="" srcset="">
						</div>
					</div>
					<div class="swiper-slide">
						<div class="img">
							<img src="./images/m.png" alt="" srcset="">
						</div>
					</div>
					<div class="swiper-slide">
						<div class="img">
							<img src="./images/m.png" alt="" srcset="">
						</div>
					</div>
					<div class="swiper-slide">
						<div class="img">
							<img src="./images/m.png" alt="" srcset="">
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="Gwidth">
			<div class="introduction">
				<div class="swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide swiper-no-swiping">
							<div class="item">
								<div class="name">陈老师</div>
								<div class="des">
									国家二级心理咨询专家美国正面管教家长讲师萨提亚模式咨询师
								</div>
								<div class="tag">
									擅长咨询：家庭教育、青少年问题、亲子关系、婚恋问题、职业倦怠、个人压力处理、情绪…
								</div>
								<div class="btn">
									<a href="">
										<span>预约咨询</span>
									</a>
									<a href="">
										<span>
											一键拨号
										</span>
									</a>
									<a href="">
										<span>问题留言</span>
									</a>
								</div>
							</div>
						</div>
						<div class="swiper-slide swiper-no-swiping">
							<div class="item">
								<div class="name">孙老师</div>
								<div class="des">
									国家二级心理咨询专家美国正面管教家长讲师萨提亚模式咨询师
								</div>
								<div class="tag">
									擅长咨询：家庭教育、青少年问题、亲子关系、婚恋问题、职业倦怠、个人压力处理、情绪…
								</div>
								<div class="btn">
									<a href="">
										<span>预约咨询</span>
									</a>
									<a href="">
										<span>
											一键拨号
										</span>
									</a>
									<a href="">
										<span>问题留言</span>
									</a>
								</div>
							</div>
						</div>
						<div class="swiper-slide swiper-no-swiping">
							<div class="item">
								<div class="name">王老师</div>
								<div class="des">
									国家二级心理咨询专家美国正面管教家长讲师萨提亚模式咨询师
								</div>
								<div class="tag">
									擅长咨询：家庭教育、青少年问题、亲子关系、婚恋问题、职业倦怠、个人压力处理、情绪…
								</div>
								<div class="btn">
									<a href="">
										<span>预约咨询</span>
									</a>
									<a href="">
										<span>
											一键拨号
										</span>
									</a>
									<a href="">
										<span>问题留言</span>
									</a>
								</div>
							</div>
						</div>
						<div class="swiper-slide swiper-no-swiping">
							<div class="item">
								<div class="name">张老师</div>
								<div class="des">
									国家二级心理咨询专家美国正面管教家长讲师萨提亚模式咨询师
								</div>
								<div class="tag">
									擅长咨询：家庭教育、青少年问题、亲子关系、婚恋问题、职业倦怠、个人压力处理、情绪…
								</div>
								<div class="btn">
									<a href="">
										<span>预约咨询</span>
									</a>
									<a href="">
										<span>
											一键拨号
										</span>
									</a>
									<a href="">
										<span>问题留言</span>
									</a>
								</div>
							</div>
						</div>
						<div class="swiper-slide swiper-no-swiping">
							<div class="item">
								<div class="name">李老师</div>
								<div class="des">
									国家二级心理咨询专家美国正面管教家长讲师萨提亚模式咨询师
								</div>
								<div class="tag">
									擅长咨询：家庭教育、青少年问题、亲子关系、婚恋问题、职业倦怠、个人压力处理、情绪…
								</div>
								<div class="btn">
									<a href="">
										<span>预约咨询</span>
									</a>
									<a href="">
										<span>
											一键拨号
										</span>
									</a>
									<a href="">
										<span>问题留言</span>
									</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="more">
			<a href="">查看全部咨询师 ></a>
		</div>
		<script>
			var introduction = new Swiper('.introduction .swiper-container', {
				loop : true,
				effect : 'fade',
				noSwiping : true,
			})
			var avatar = new Swiper('.avatar .swiper-container', {
				slidesPerView : 5,
				centeredSlides : true,
				centeredSlidesBounds: true,
				loop : true,
				on: {
					slideChangeTransitionStart: function(){
						introduction.slideTo(this.activeIndex-4, 1000, false)
					},
				},
			})
			
		</script>
	</div>
	<!-- 心理测评 -->
	<div class="index_evaluation">
		<div class="Gwidth">
			<div class="top">
				<div class="index_title">
					<h1>心理测评</h1>
				</div>
				<a href="">更多></a>
			</div>
			<div class="content">
				<div class="item">
					<a href="">
						<div class="img">
							<img src="./images/banner.png" alt="" srcset="">
						</div>
						<div class="cont">
							<h1>综合心理健康评测(SCL-90)</h1>
							<div class="des">
								测评描述：青少年在青春期青少年在青春期
								常见的集中普遍问
							</div>
							<div class="number">
								<p>￥9.9</p>
								<p>687066人测过</p>
							</div>
						</div>
					</a>
				</div>
				<div class="item">
					<a href="">
						<div class="img">
							<img src="./images/banner.png" alt="" srcset="">
						</div>
						<div class="cont">
							<h1>综合心理健康评测(SCL-90)</h1>
							<div class="des">
								测评描述：青少年在青春期青少年在青春期
								常见的集中普遍问
							</div>
							<div class="number">
								<p>￥9.9</p>
								<p>687066人测过</p>
							</div>
						</div>
					</a>
				</div>
				<div class="item">
					<a href="">
						<div class="img">
							<img src="./images/banner.png" alt="" srcset="">
						</div>
						<div class="cont">
							<h1>综合心理健康评测(SCL-90)</h1>
							<div class="des">
								测评描述：青少年在青春期青少年在青春期
								常见的集中普遍问
							</div>
							<div class="number">
								<p>￥9.9</p>
								<p>687066人测过</p>
							</div>
						</div>
					</a>
				</div>
			</div>
		</div>
	</div>
	<!-- 心理百科 -->
	<div class="index_evaluation">
		<div class="Gwidth">
			<div class="top">
				<div class="index_title">
					<h1>心理百科</h1>
				</div>
				<a href="">更多></a>
			</div>
			<div class="content">
				<div class="item">
					<a href="">
						<div class="img">
							<img src="./images/banner.png" alt="" srcset="">
						</div>
						<div class="cont">
							<h1>综合心理健康评测(SCL-90)</h1>
							<div class="des">
								测评描述：青少年在青春期青少年在青春期
								常见的集中普遍问
							</div>
							<div class="number">
								<p>￥9.9</p>
							</div>
						</div>
					</a>
				</div>
				<div class="item">
					<a href="">
						<div class="img">
							<img src="./images/banner.png" alt="" srcset="">
						</div>
						<div class="cont">
							<h1>综合心理健康评测(SCL-90)</h1>
							<div class="des">
								测评描述：青少年在青春期青少年在青春期
								常见的集中普遍问
							</div>
							<div class="number">
								<p>￥9.9</p>
							</div>
						</div>
					</a>
				</div>
				<div class="item">
					<a href="">
						<div class="img">
							<img src="./images/banner.png" alt="" srcset="">
						</div>
						<div class="cont">
							<h1>综合心理健康评测(SCL-90)</h1>
							<div class="des">
								测评描述：青少年在青春期青少年在青春期
								常见的集中普遍问
							</div>
							<div class="number">
								<p>￥9.9</p>
							</div>
						</div>
					</a>
				</div>
			</div>
		</div>
	</div>
	<!-- 心理问答 -->
	<div class="index_qa">
		<div class="Gwidth">
			<div class="top">
				<div class="index_title">
					<h1>心理问答</h1>
				</div>
				<a href=""ge class="more">更多></a>
			</div>
			<div class="content">
				<div class="item">
					<a href="">
						<h1>
							<span>问</span>
							<p>15岁男孩成绩下滑,没有学习动力和目标15岁男孩成绩下滑,没有学习动力和目标</p>
						</h1>
						<div class="des">
							<span>答</span>
							<p>你好！青春期孩子身心都会变化很大，内心里到底是什么样变化，可以约个心理老师帮助他认识。</p>
						</div>
					</a>
				</div>
				<div class="item">
					<a href="">
						<h1>
							<span>问</span>
							<p>15岁男孩成绩下滑,没有学习动力和目标15岁男孩成绩下滑,没有学习动力和目标</p>
						</h1>
						<div class="des">
							<span>答</span>
							<p>你好！青春期孩子身心都会变化很大，内心里到底是什么样变化，可以约个心理老师帮助他认识。</p>
						</div>
					</a>
				</div>
				<div class="item">
					<a href="">
						<h1>
							<span>问</span>
							<p>15岁男孩成绩下滑,没有学习动力和目标15岁男孩成绩下滑,没有学习动力和目标</p>
						</h1>
						<div class="des">
							<span>答</span>
							<p>你好！青春期孩子身心都会变化很大，内心里到底是什么样变化，可以约个心理老师帮助他认识。</p>
						</div>
					</a>
				</div>
			</div>
		</div>
	</div>
	<!-- 北陆云课堂 -->
	<div class="index_classroom">
		<div class="top">
			<div class="index_title">
				<h1>北陆云课堂</h1>
				<div class="des">
					北陆幸福学院家庭教育，引入自主研发“HHH”系统，运用独创“5A2C”体系定制专属方案重塑孩子性格·挖掘孩子潜能·护航青少年心理健康·优化家庭功能
				</div>
			</div>
		</div>
		<div class="Gwidth">
			
			<div class="content">
				<div class="top">
					<div class="item active">考虑咨询前</div>
					<div class="item">接受咨询中</div>
					<div class="item">完成咨询后</div>
				</div>
				<div class="btm">
					<ul class="active">
						<li><a href="">如何选择靠谱咨询师如何选择靠谱咨询师如何选择靠谱咨询师如何选择靠谱咨询师</a></li>
						<li><a href="">如何入驻北陆</a></li>
						<li><a href="">我需要心理咨询吗</a></li>
					</ul>
					<ul>
						<li><a href="">如何入驻北陆</a></li>
						<li><a href="">如何选择靠谱咨询师</a></li>
						<li><a href="">我需要心理咨询吗</a></li>
					</ul>
					<ul>
						<li><a href="">我需要心理咨询吗</a></li>
						<li><a href="">如何入驻北陆</a></li>
						<li><a href="">如何选择靠谱咨询师</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<!-- 云课堂 -->
	<div class="index_cloud">
		<div class="Gwidth">
			<div class="top">
				<div class="index_title">
					<h1>云课堂</h1>
				</div>
				<a href="" class="more">更多></a>
			</div>
			<div class="content">
				<div class="swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<div class="item">
								<a href="">
									<div class="img">
										<img src="./images/banner.png" alt="">
									</div>
									<h1>标题：青少年叛逆期情绪很大等…</h1>
									<div class="des">
										视频描述：青少年在青春期青少年在青春期常见的集中普遍问题
									</div>
								</a>
							</div>
						</div>
						<div class="swiper-slide">
							<div class="item">
								<a href="">
									<div class="img">
										<img src="./images/banner.png" alt="">
									</div>
									<h1>标题：青少年叛逆期情绪很大等…</h1>
									<div class="des">
										视频描述：青少年在青春期青少年在青春期常见的集中普遍问题
									</div>
								</a>
							</div>
						</div>
						<div class="swiper-slide">
							<div class="item">
								<a href="">
									<div class="img">
										<img src="./images/banner.png" alt="">
									</div>
									<h1>标题：青少年叛逆期情绪很大等…</h1>
									<div class="des">
										视频描述：青少年在青春期青少年在青春期常见的集中普遍问题
									</div>
								</a>
							</div>
						</div>
						<div class="swiper-slide">
							<div class="item">
								<a href="">
									<div class="img">
										<img src="./images/banner.png" alt="">
									</div>
									<h1>标题：青少年叛逆期情绪很大等…</h1>
									<div class="des">
										视频描述：青少年在青春期青少年在青春期常见的集中普遍问题
									</div>
								</a>
							</div>
						</div>
						<div class="swiper-slide">
							<div class="item">
								<a href="">
									<div class="img">
										<img src="./images/banner.png" alt="">
									</div>
									<h1>标题：青少年叛逆期情绪很大等…</h1>
									<div class="des">
										视频描述：青少年在青春期青少年在青春期常见的集中普遍问题
									</div>
								</a>
							</div>
						</div>
						<div class="swiper-slide">
							<div class="item">
								<a href="">
									<div class="img">
										<img src="./images/banner.png" alt="">
									</div>
									<h1>标题：青少年叛逆期情绪很大等…</h1>
									<div class="des">
										视频描述：青少年在青春期青少年在青春期常见的集中普遍问题
									</div>
								</a>
							</div>
						</div>
						<div class="swiper-slide">
							<div class="item">
								<a href="">
									<div class="img">
										<img src="./images/banner.png" alt="">
									</div>
									<h1>标题：青少年叛逆期情绪很大等…</h1>
									<div class="des">
										视频描述：青少年在青春期青少年在青春期常见的集中普遍问题
									</div>
								</a>
							</div>
						</div>
						<div class="swiper-slide">
							<div class="item">
								<a href="">
									<div class="img">
										<img src="./images/banner.png" alt="">
									</div>
									<h1>标题：青少年叛逆期情绪很大等…</h1>
									<div class="des">
										视频描述：青少年在青春期青少年在青春期常见的集中普遍问题
									</div>
								</a>
							</div>
						</div>
					</div>
				</div>
				<div class="prev"></div>
				<div class="next"></div>
				<script>
					var index_cloud = new Swiper('.index_cloud .swiper-container', {
						slidesPerView: 2,
						slidesPerColumn: 2,
					})
				</script>
			</div>
		</div>
	</div>
	<!-- 友情链接 -->
	<div class="links">
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide">
					<div class="img">
						<a href=""><img src="./images/banner.png" alt="" srcset=""></a>
					</div>
				</div>
				<div class="swiper-slide">
					<div class="img">
						<a href=""><img src="./images/banner.png" alt="" srcset=""></a>
					</div>
				</div>
				<div class="swiper-slide">
					<div class="img">
						<a href=""><img src="./images/banner.png" alt="" srcset=""></a>
					</div>
				</div>
				<div class="swiper-slide">
					<div class="img">
						<a href=""><img src="./images/banner.png" alt="" srcset=""></a>
					</div>
				</div>
				<div class="swiper-slide">
					<div class="img">
						<a href=""><img src="./images/banner.png" alt="" srcset=""></a>
					</div>
				</div>
			</div>
		</div>
		  <script>
		  	var mySwiper = new Swiper('.links .swiper-container', {
				slidesOffsetBefore : 10,
				slidesPerView :4,
				spaceBetween : 20,
				loop:true
		  	})
		  
		  </script>
	</div>
	<!-- 底部 -->
	<footer>
		<div class="lf">
			<ul>
				<li>公司   河南北陆教育信息咨询有限公司</li>
				<li>电话   400-188-5865</li>
				<li>网址   www.beiluing.com</li>
				<li>地址   河南省郑州市金水区花园路农科路万达中心</li>
			</ul>
			<div class="bq">
				<p>版权所有@河南北陆教育信息咨询有限公司</p>
				<p>豫ICP备2020031858号</p>
			</div>
		</div>
		<div class="lr">
			<div class="item">
				<div class="img">
					<img src="./images/banner.png" alt="">
				</div>
				<h1>微信公众号</h1>
			</div>
			<div class="item">
				<div class="img">
					<img src="./images/banner.png" alt="">
				</div>
				<h1>扫码立即咨询</h1>
			</div>
		</div>
	</footer>
	<!-- 底部导航 -->
	<div class="btm_nav">
		<ul>
			<li class="active">
				<a href="tel:13373423845">一键拨号</a>
			</li>
			<li>
				<a href="">在线咨询</a>
			</li>
			<li>
				<a href="">提问求助</a>
			</li>
			<li>
				<a href="">预约专家</a>
			</li>
			<li>
				<a href="">我的</a>
			</li>
		</ul>
	</div>
	<!-- 侧栏 -->
	<div class="sidebar">
		<ul>
			<li>
				<a href="">
					<img src="./images/icon/sidebar1.png" alt="">
				</a>
			</li>
			<li class="top">
				<a href="javascript:void(0);">
					<img src="./images/icon/top.png" alt="">
				</a>
			</li>
		</ul>
	</div>
</body>
</html>